<template>
  <div>
    <Settingheader :titletex='settingtitle' :backpage="backpage" ></Settingheader>
    <div class="userinfo">
        <div class="userinfotip">
            完善个人资料可以获得10个成长值哦~
        </div>
        <div class="userinfocon">
            <ul class="info">
                <li>
                    <span >头像</span>
                    <img src="" alt="">
                </li>
                <li>
                    <span>昵称</span>
                    <span>jean</span>
                </li>
            </ul>
            <ul class="info">
                <li>
                    <span>性别</span>
                    <span>男</span>
                    </li>
                <li>
                    <span>生日</span>
                    <span>生日惊喜年年有</span>
                    </li>
                <li>
                    <span>肤质</span>
                    <span>贴心内容推荐多</span>
                    </li>
                <li>
                    <span>兴趣</span>
                    <span>选择你的兴趣</span>
                </li>
            </ul>
            <ul class="info">
                <li>
                    <span>loveliness暗号</span>
                    <span>5552loveliness</span>
                </li>
                <li>
                    <span>注册时间</span>
                    <span>2017-2-20</span>
                </li>
            </ul>
        </div>
    </div>
  </div>
</template>
<script>
import Settingheader from "../../components/settingheader";
export default {
  name:'userinfo',
  data (){
      return {
        settingtitle:'个人资料',
        backpage:'setting'
      }
  },
  components: {
    Settingheader
  }
}
</script>
<style lang="less" scoped>
    @w:75rem;
    .userinfo{
        font-size: 28/@w;
        color: #333;
        .userinfotip{
            font-size: 24/@w;
            text-align: center;
            color:#808080;
            height: 90/@w;
            line-height: 90/@w;
        }
        .userinfocon { 
            .info {
                margin-bottom: 20/@w;
                box-shadow: 0 0 10px 10px #e9e9e9;
                li {
                border-bottom: 1px solid #cccccc;
                height: 70/@w;
                padding: 0 36/@w;
                line-height: 70/@w;
                span:last-child{
                    float: right;
                }
            }
            }
        }
    }
</style>

